<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://oss.chathot.me/action/js/vue.min.js"></script>
    <script src="https://oss.chathot.me/action/mobile_js/mobile_until.js?v=24321"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <script src="https://oss.chathot.me/action/mobile_js/Blob.min.js?v=24321"></script>
    <!-- <script src="https://oss.chathot.me/action/js/loading.js?v=24321"></script> -->
    <link rel="stylesheet" href="https://oss.chathot.me/action/js/var.css?v=24321">
    <link rel="stylesheet" href="./css/star.css?v=24321">
    <link rel="stylesheet" href="./css/staroom.css?v=24321">
    <!-- <script src="./request.js"></script> -->
    <script src="https://oss.chathot.me/action/mobile_js/request_2.js?v=24321"></script>
    <script src="https://oss.chathot.me/action/js/vant.min.js?v=24321"></script>
    <link rel="stylesheet" href="https://oss.chathot.me/action/js/vant.css?v=24321">
    <script src="./starRoom.js?v=24321"></script>
    <script src="./starRoom1.js?v=24321"></script>
           <!-- <script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.3.4/vconsole.min.js"></script> -->
    <script>
        function environment() {
            return false
        }
    </script>
</head>

<body>
    <div class="app" id="app">
        <div class="head" v-if="Topone.length==0">
            <div class="starHead">
                <div class="right" @click='rulesChange'><img
                        src="https://oss.chathot.me/action/halloweenDirectory/starRoom/rules.png" alt=""></div>

            </div>
            <div class="ballotBox">
                <div class="ballotBox-head">
                    <div class="ballotBox-text">
                        Envía regalos con efecto para acumular votos, 100 monedas de oro = 1 voto
                        <div>Elige la habitación estrella de esta semana</div>
                    </div>
                </div>
                <div style="height: .1rem;"><img
                        src="https://oss.chathot.me/action/halloweenDirectory/starRoom/tpk3.png" alt=""></div>
                <div class="ballotBox-footer">
                    <div class="ballotBox-num">
                        <div class="left">
                            <div class="left-text">Votos restantes:{{remain || 0}}<img
                                    src="https://oss.chathot.me/action/halloweenDirectory/starRoom/px.png" alt=""></div>
                            <div class="left-text">Número de votos emitidos:{{sendOut ||0}} <img
                                    src="https://oss.chathot.me/action/halloweenDirectory/starRoom/px.png" alt=""></div>
                        </div>
                        <div class="right">
                            <div class="right-votar" @click="voteChange" >
                                votos
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="head" v-else>
            <div class="starHead">
                <div class="right" @click='rulesChange'><img
                        src="https://oss.chathot.me/action/halloweenDirectory/starRoom/rules.png" alt=""></div>
                <img @click='qroom(Topone.room_id,Topone.room_name)' :src="Topone.room_avatar" alt="" style="  height: 1.5rem; 
                            width: 1.87rem;
                            position: absolute;
                            bottom: 0.9rem;
                            z-index: 2;
                            left: 2.82rem;">

            </div>
            <div class="ballotBox">
                <div class="ballotBox-head">
                    <div class="ballotBox-text">
                        Envía regalos con efecto para acumular votos, 100 monedas de oro = 1 voto
                        <div>Elige la habitación estrella de esta semana</div>
                    </div>
                </div>
                <div style="height: .1rem;"><img
                        src="https://oss.chathot.me/action/halloweenDirectory/starRoom/tpk3.png" alt=""></div>
                <div class="ballotBox-footer">
                    <div class="ballotBox-num">
                        <div class="left">
                            <div class="left-text">Votos restantes:{{remain || 0}}<img
                                    src="https://oss.chathot.me/action/halloweenDirectory/starRoom/px.png" alt=""></div>
                            <div class="left-text">Número de votos emitidos:{{sendOut ||0}} <img
                                    src="https://oss.chathot.me/action/halloweenDirectory/starRoom/px.png" alt=""></div>
                        </div>
                        <div class="right">
                            <div class="right-votar" @click="voteChange">
                                votos
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="countdown">
            <span>{{time1}}d</span>
            <span>{{time2}}h</span><span>{{time3}}m</span><span>{{time6}}s</span>
        </div>
        <div class="switch">
            <ul>
                <li :class="{'active':tabT===1}" @click='changeTab(1)'>
                    Habitación
                </li>
                <li :class="{'active':tabT===2}" @click='changeTab(2)'>
                    Guía

                </li>
                <li :class="{'active':tabT===3}" @click='changeTab(3)'>
                    Recompensas

                </li>
            </ul>
        </div>

        <div class="tabTone" v-show="tabT==1">
            <div class="votingList">
                <div class="votingList-head">

                </div>
                <div class="votingList-inMiddle">
                    <div class=" tabTone-text">
                        <span> Las habitaciones superior a 200 pueden estar en la lista.</span>
                    </div>
                    <div class="votingRank-totalList">
                        <div class="votingRank" v-for='(item ,index) in  starList' :key='item.room_id'>
                            <div class="votingRank-on">
                                <div class="left">
                                    <div class=" star-Rank">{{index+1}}
                                    </div>
                                    <div class="starrank-image" @click='   go_room(item)'
                                        style="display: flex ; justify-content: center; align-items: center ;">
                                        <img :src="item.room_avatar" alt="" style="   width: 0.9rem;
                                      
                                            margin-left: 0.01rem;">
                                    </div>
                                </div>
                                <div class="inThe">
                                    <div class="inThe-text" style="overflow:hidden; 
                                    text-overflow:ellipsis;
                                    white-space:nowrap;">
                                        {{item.room_name}}
                                    </div>
                                    <div class="inThe-image" style="height: .6rem;">
                                        <!-- <div class="inThe-image-one" v-for='item2 in item.top3'> -->
                                        <div class="inThe-image-one" v-for='item2 in item.top3'>
                                            <img :src="item2.avatar" alt="" @click='topChange(index,item.room_id)'>
                                        </div>

                                    </div>
                                </div>
                                <div class="right">
                                    <div class="right-num">{{num(item.votes_received_this_week)}}</div>
                                    <div class="right-image" style="  width: 0.4rem;
                                   height: 0.4rem;  margin-top: .1rem;">
                                        <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/piaoshu.png"
                                            alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="votingRank-foot">
                                <div class="votingRank-foot-imgo" @click='voteChanges(1,item.room_number,item.room_id)'>
                                </div>
                                <div class="votingRank-foot-imgt"
                                    @click='voteChangess(100,item.room_number,item.room_id)'></div>
                                <div class="votingRank-foot-imgth"
                                    @click="voteChangesss(1000,item.room_number,item.room_id)"></div>
                            </div>
                        </div>


                    </div>

                </div>
                <div class="votingList-foot">

                </div>
            </div>
        </div>
        <div class="tabTwo" v-show="tabT==2">
            <div class="votingList-head">

            </div>
            <div class="votingList-tabTwo">
                <div class="tabTwo-text">
                    <span>
                        El número de personas que se muestra en la lista de habitaciones es el calor de la habitación,
                        que es el número total de personas que han entrado en la habitación en los últimos 7 días. Si la
                        habitación no está continuamente activa, la calefacción bajará;
                    </span>
                </div>

                <div class="tabTwo-img">
                </div>
                <div class="tabTwo-room">>> Cómo conseguir visitantes</div>
                <div class="tabTwo-Guie">1. Únete a una sala
                    Guíe a los usuarios que ingresan a la sala para que la sigan o se unan a la sala, donde pueden
                    encontrarla fácilmente;</div>
                <div class="roomSignal"></div>
                <div class="TabTwo-num">2. Banner de regalo</div>
                <div class="tabTwo-Guie">
                    El envío de un regalo con un precio de moneda de oro superior a 20K activará el banner mundial, y
                    los usuarios de otras salas pueden hacer clic en el banner para ingresar a su sala;
                </div>
                <div class="banner"></div>
                <div class="TabTwo-num">3. Tesoro mundial </div>
                <div class="tabTwo-Guie">
                    El envío de un cofre del tesoro también puede activar un estandarte mundial, y los usuarios pueden
                    hacer clic en el estandarte para ingresar a la sala y recibir recompensas del cofre del tesoro;
                </div>
                <div class="treasureChest">

                </div>
                <div class="TabTwo-num">4. Transmisión</div>
                <div class="tabTwo-Guie">
                    La transmisión requiere el consumo de monedas de oro, los usuarios pueden ver el contenido de su
                    transmisión cuando ingresan a cualquier sala e ingresan a su sala haciendo clic en la transmisión;

                </div>
                <div class="radio"></div>
                <div class="TabTwo-num">5. Reunión</div>
                <div class="tabTwo-Guie" style="height: 1.5rem;">
                    Puede convocar a sus fans, miembros de la sala y miembros de la familia, sin importar en qué sala se
                    encuentren, pueden hacer clic en el cuadro de invocación para ingresar a la sala donde se encuentra
                    ahora;
                </div>
                <div class="callUp"></div>
                <div class="tabTwo-room" style="margin-top:.1rem ;margin-bottom:.1rem; height:.7rem;"> >> ¿Cuáles son
                    los beneficios del propietario de la habitación?
                </div>
                <div class="rewards" style="margin-top: .2rem;">1. Recompensas de la habitación</div>
                <div class="tabTwo-Guie" style="height: 2.1rem;">
                    Reciba un regalo de efecto especial en la habitación, el propietario obtendrá un cierto porcentaje
                    de recompensas de monedas de oro, cuanto mayor sea el flujo de la habitación, mayor será el
                    porcentaje obtenido; puede retirar los diamantes de recompensa recibidos a la billetera en
                    Configuración> Recompensas de la habitación;
                </div>
                <div class="rewards">2. rueda, dados</div>
                <div class="tabTwo-Guie">
                    Incluso si no estás en la sala, puedes obtener el 5% de la cantidad de monedas de oro que los
                    usuarios gastan en el tocadiscos y adivinanzas. ¡Anime a más personas a participar en el juego de
                    monedas de oro!
                </div>
                <div class="tabTwo-room" style="margin-bottom:.1rem">>> Cómo mejorar el nivel de la habitación</div>
                <div class="tabTwo-Guie" style="margin-bottom: .2rem;">
                    "Permita que más personas se acerquen al micrófono y den obsequios en la sala para mejorar el nivel
                    de la sala. La cantidad de administradores y la cantidad de miembros que pueden recibir el apoyo de
                    los diferentes niveles son diferentes.
                    Si el nivel de la sala llega a 10, puede solicitar la modificación del ID de la sala y también puede
                    obtener una medalla de la sala cuando el flujo de la sala alcance los 10M, 30M, 100M, 500M; "
                </div>
                <div class='syt'></div>
            </div>
            <div class="votingList-foot">

            </div>
        </div>

        <div class="div" v-show="tabT==3">
            <div class="votingList-head" style="height:.6rem;">

            </div>
            <div class="tabThree">
                <div class="mathematics">
                    <div class="mathematics-head">
                        TOP1 Partidario de la sala TOP1
                    </div>
                    <div class="mathema-tot">
                        <div class='mathematics-stars'>
                            <div class="stars-num">
                                <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/ts.png" alt="">
                            </div>
                            <div class="mathematics-text">Regalo exclusivo</div>
                        </div>
                        <div class='mathematics-stars'>
                            <div class="stars-num">
                                <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/x1.png" alt="">
                            </div>
                            <div class="mathematics-text">Montura*7d</div>
                        </div>
                        <div class='mathematics-stars'>
                            <div class="stars-num">
                                <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/xx1.png" alt="">
                            </div>
                            <div class="mathematics-text">Medalla*7d</div>
                        </div>
                    </div>
                    <div class="mathema-jojo">
                        <div class='mathematics-stars'>
                            <div class="stars-num">
                                <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/v1.png" alt="">
                            </div>
                            <div class="mathematics-text">VIP5*7d</div>
                        </div>
                        <div class='mathematics-stars'>
                            <div class="stars-num">
                                <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/jb.png" alt="">
                            </div>
                            <div class="mathematics-text">Oros*50K</div>
                        </div>
                    </div>
                </div>
                <div style="height: 6.3rem;">
                    <div class="mathematics" style="height: 3rem; padding-top: .5rem;">
                        <div class="mathematics-heads">
                            TOP1 Partidario de la sala TOP2
                        </div>
                        <div class="mathema-jojo">
                            <div class='mathematics-stars'>
                                <div class="stars-num">
                                    <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/x2.png" alt="">
                                </div>
                                <div class="mathematics-text">Montura*7d</div>
                            </div>
                            <div class='mathematics-stars'>
                                <div class="stars-num">
                                    <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/xx2.png" alt="">
                                </div>
                                <div class="mathematics-text">Medalla*7d</div>
                            </div>
                        </div>
                        <div class="mathema-jojo">
                            <div class='mathematics-stars'>
                                <div class="stars-num">
                                    <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/v2.png" alt="">
                                </div>
                                <div class="mathematics-text">VIP4*7d</div>
                            </div>
                            <div class='mathematics-stars'>
                                <div class="stars-num">
                                    <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/jb.png" alt="">
                                </div>
                                <div class="mathematics-text">Oros*40K</div>
                            </div>
                        </div>

                    </div>
                </div>
                <div style="height: 6.3rem;">
                    <div class="mathematics" style="height: 3rem; padding-top: .5rem;">
                        <div class="mathematics-heads">
                            TOP1 Partidario de la sala TOP3
                        </div>
                        <div class="mathema-jojo">
                            <div class='mathematics-stars'>
                                <div class="stars-num">
                                    <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/x3.png" alt="">
                                </div>
                                <div class="mathematics-text">Montura*7d</div>
                            </div>
                            <div class='mathematics-stars'>
                                <div class="stars-num">
                                    <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/xx3.png" alt="">
                                </div>
                                <div class="mathematics-text">Medalla*7d</div>
                            </div>
                        </div>
                        <div class="mathema-jojo">
                            <div class='mathematics-stars'>
                                <div class="stars-num">
                                    <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/v3.png" alt="">
                                </div>
                                <div class="mathematics-text">VIP3*7d</div>
                            </div>
                            <div class='mathematics-stars'>
                                <div class="stars-num">
                                    <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/jb.png" alt="">
                                </div>
                                <div class="mathematics-text">Oros*25K</div>
                            </div>
                        </div>

                    </div>
                </div>
                <div style="height: 4rem;">
                    <div class="mathematics" style="height: 3rem; padding-top: .5rem;">
                        <div class="mathematics-heads">
                            Propietario de la habitación TOP1
                        </div>
                        <div class="mathema-jojo">
                            <div class='mathematics-stars'>
                                <div class="stars-num">
                                    <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/k1.png" alt="">
                                </div>
                                <div class="mathematics-text">Marco*7d</div>
                            </div>
                            <div class='mathematics-stars'>
                                <div class="stars-num">
                                    <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/jb.png" alt="">
                                </div>
                                <div class="mathematics-text">Oros*50K</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="height: 3.5rem;">
                    <div class="mathematics" style="height: 3rem; ">
                        <div class="mathematics-heads">
                            Propietario de la habitación TOP 2
                        </div>
                        <div class="mathema-jojo">
                            <div class='mathematics-stars'>
                                <div class="stars-num">
                                    <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/k2.png" alt="">
                                </div>
                                <div class="mathematics-text">Marco*7d</div>
                            </div>
                            <div class='mathematics-stars'>
                                <div class="stars-num">
                                    <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/jb.png" alt="">
                                </div>
                                <div class="mathematics-text">Oros*40K</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="height: 3.5rem;">
                    <div class="mathematics" style="height: 3rem; ">
                        <div class="mathematics-heads">
                            Propietario de la habitación TOP3
                        </div>
                        <div class="mathema-jojo">
                            <div class='mathematics-stars'>
                                <div class="stars-num">
                                    <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/k3.png" alt="">
                                </div>
                                <div class="mathematics-text">Marco*7d</div>
                            </div>
                            <div class='mathematics-stars'>
                                <div class="stars-num">
                                    <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/jb.png" alt="">
                                </div>
                                <div class="mathematics-text">Oros*25K</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="height: 4rem;">
                    <div class="mathematics" style="height: 3rem; padding-top: .5rem;">
                        <div class="mathematics-heads">
                            Habitación TOP1/2/3
                        </div>
                        <div class="mathema-jojo">
                            <div class='mathematics-stars'>
                                <div class="stars-num">
                                    <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/kk1.png" alt="">
                                </div>
                                <div class="mathematics-text">Medalla*7d</div>
                            </div>
                            <div class='mathematics-stars'>
                                <div class="stars-num">
                                    <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/kk2.png" alt="">
                                </div>
                                <div class="mathematics-text">Medalla*7d</div>
                            </div>
                            <div class='mathematics-stars'>
                                <div class="stars-num">
                                    <img src="https://oss.chathot.me/action/halloweenDirectory/starRoom/kk3.png" alt="">
                                </div>
                                <div class="mathematics-text">Medalla*7d</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="votingList-foot">

            </div>
        </div>
        <div class="tanc" v-if='flag'>
            <div class="bigBac">
                <div class="title">Votos</div>
                <div class="close" @click='close'><img
                        src="https://oss.chathot.me/action/halloweenDirectory/starRoom/close.png" alt=""></div>
                <div class="blx">

                    <input type="text" class="inputBox" v-model='starId' placeholder="ID de habitación "
                        @click='animateStyle' onfocus="this.placeholder=''"
                        onblur="this.placeholder='ID de habitación'">


                    <input type="text" class="inputBox" v-model='starNum' placeholder="Complete el número de votos"
                        @click='animateStyle' onfocus="this.placeholder=''"
                        onblur="this.placeholder='Complete el número de votos'">

                </div>
                <div class="oi" @click='voteStar' style="	width: 2.3rem;
height: 0.72rem;
margin-top: 0.5rem;
margin-left: 1.7rem;
 
">Votos</div>
            </div>
        </div>
        <div class="tanc" v-if='flags'>
            <div class="bigBac">
                <div class="title">Votos</div>
                <div class="close" @click='closeS'><img
                        src="https://oss.chathot.me/action/halloweenDirectory/starRoom/close.png" alt=""></div>
                <div class="blx">

                    <input type="text" class="inputBox" v-model='starId' placeholder="ID de habitación "
                        @click='animateStyle(text)' onfocus="this.placeholder=''"
                        onblur="this.placeholder='ID de habitación'" disabled style="opacity: 1;">


                    <input type="text" class="inputBox" v-model='starNum' placeholder="Complete el número de votos"
                        @click='animateStyle(text)' onfocus="this.placeholder=''"
                        onblur="this.placeholder='Complete el número de votos'" disabled style="opacity: 1;">

                </div>
                <div class="oi" @click='voteStar' style="	width: 2.3rem;
height: 0.72rem;
margin-top: 0.5rem;
margin-left: 1.7rem;
 
">Votos</div>
            </div>
        </div>
        <div class="tanc" v-if='flagss'>
            <div class="bigBac">
                <div class="title">Votos</div>
                <div class="close" @click='closeSS'><img
                        src="https://oss.chathot.me/action/halloweenDirectory/starRoom/close.png" alt=""></div>
                <div class="blx">

                    <input type="text" v-if="starId!=''" class="inputBox" v-model='starId'
                        placeholder="ID de habitación " onfocus="this.placeholder=''"
                        onblur="this.placeholder='ID de habitación'" disabled style="opacity: 1;">

                    <input type="text" class="inputBox" v-model='starNum' placeholder="Complete el número de votos"
                        onfocus="this.placeholder=''" onblur="this.placeholder='Complete el número de votos'" disabled
                        style="opacity: 1;">

                </div>
                <div class="oi" @click='voteStar' style="	width: 2.3rem;
height: 0.72rem;
margin-top: 0.5rem;
margin-left: 1.7rem;
 
">Votos</div>
            </div>
        </div>
        <div class="tanc" v-if='flagsss'>
            <div class="bigBac">
                <div class="title">Votos</div>
                <div class="close" @click='closeSSS'><img
                        src="https://oss.chathot.me/action/halloweenDirectory/starRoom/close.png" alt=""></div>
                <div class="blx">

                    <input type="text" class="inputBox" v-model='starId' placeholder="ID de habitación "
                        onfocus="this.placeholder=''" onblur="this.placeholder='ID de habitación'" disabled
                        style="opacity: 1;">


                    <input type="text" class="inputBox" v-model='starNum' placeholder="Complete el número de votos"
                        onfocus="this.placeholder=''" onblur="this.placeholder='Complete el número de votos'" disabled
                        style="opacity: 1;">

                </div>
                <div class="oi" @click='voteStar' style="	width: 2.3rem;
height: 0.72rem;
margin-top: 0.5rem;
margin-left: 1.7rem;
 
">Votos</div>
            </div>
        </div>
        <div class="tanc" v-if='rules'>

            <div class="toptc">
                <div class="toptc-head">
                    <div class="head">Reglas</div>
                    <div class="topClose" @click='ruleColse'> <img
                            src="https://oss.chathot.me/action/halloweenDirectory/starRoom/close.png" alt=""></div>
                </div>
                <div class="toptc-medi">
                    <div style=" font-size:.28rem; color: #fff;     margin-left: 0.3rem
                    ;
                        margin-right: 0.3rem
                    ;">1. Si tiene alguna pregunta sobre el evento, consulte al administrador: 242430 </div>
                    <div style=" font-size:.28rem; color: #fff; margin-left: 0.3rem
                    ;
                        margin-right: 0.3rem;" >2. Si hay usuarios de otras regiones en la lista,
                        informe al administrador.</div>
                </div>
                <div class="toptc-foot"></div>
            </div>

        </div>
        <div class="tanc" v-if='top'>
            <div class="toptc">
                <div class="toptc-head">
                    <div class="head">Votos</div>
                    <div class="topClose" @click='topC'> <img
                            src="https://oss.chathot.me/action/halloweenDirectory/starRoom/close.png" alt=""></div>
                </div>
                <div class="toptc-medi">
                    <div class="topa" v-for='(item,index) in Top' :key='item.user_id'>
                        <div class="left">
                            <div class="num">{{index+1}}</div>
                            <div class="imga"><img :src="item.avatar" alt="" @click='apply(item.user_id)'></div>
                        </div>
                        <div class="edm" style="overflow:hidden; 
                     text-overflow:ellipsis;
                     white-space:nowrap;">{{item.nickname}}</div>
                        <div class="right">{{num(item.contribution)}}</div>
                    </div>

                </div>
                <div class="toptc-foot"></div>
            </div>
        </div>

    </div>
    <script>
        new Vue({
            el: '#app',
            data() {
                return {
                    flags: false,
                    flagss: false,
                    flagsss: false,
                    roomId: '',
                    sendOut: 0,
                    remain: 0,
                    starId: '',
                    starNum: '',
                    flag: false,
                    clickOnThe: false,
                    rules: false,
                    top: false,
                    time1: '00',
                    time2: '00',
                    time3: '00',
                    time6: '00',
                    starnuma: '',
                    tabT: 1,
                    Top: [],
                    token: GetUrlParam('token'),
                    activity_id: environment() ? 0 :0,
                    user_id: GetUrlParam('user_id'),
                    list: [],
                    starList: [],
                    nums: '',
                    ids: '',
                    fixedTop: '',
                    textareaRow: '',
                    Topone: '',
                }
            },
            // watch:{
            //     remain(n){
            //         this.remain=n
            //     },
            //     sendOut(n){
            //         this.sendOut=n
            //     }
            // },
            created() {


                this.getActiveInfo()
                this.setUv()
                // this.sendRequest()

            },
            methods: {
                setUv: function () {
                    var data = {
                        op: "activity_uv",
                        user_id: GetUrlParam('user_id'),
                        token: GetUrlParam('token'),
                        active_id: this.activity_id,
                    };
                    api_activity_data(data).then((res) => {
                        // console.log('uv 的信息返回：', res)
                        if (res.status == 200) {}
                    })
                },
                // 11 s
                animateStyle(type) {

                    if (type == 'blur') {
                        this.fixedTop = ''
                        this.textareaRow = 1
                        document.body.onclick = function () {
                            console.log('点击下body');
                        };
                    } else {
                        if (isIphone()) {
                            console.log('判断是苹果系统')
                            this.fixedTop = 'fixedBot'
                        } else {
                            console.log('判断是安卓')
                            this.fixedTop = 'fixedTop'
                        }
                        this.textareaRow = 4;
                    }
                },
                getActiveInfo() {
                    console.log('id:', this.user_id, '---token:', this.token)
                    const query = {
                        user_id: this.user_id,
                        user_token: this.token,
                        activity_id: this.activity_id,
                    };
                    return ajax2("GET", query, {}, "api/StarRoom/roomRank")
                        .then((res) => {
                            this.remain = res.data.remain_votes
                            this.sendOut = res.data.total_sent
                            // console.log(res.data.top1_room_last_week!='');
                            this.Topone = res.data.top1_room_last_week
                            this.starList = res.data.list
                            this.nums = res.data.last_voted_for.room_number == '' ? this.starId : res.data
                                .last_voted_for.room_number
                            // this.ids=res.data.last_voted_for.room_id==''?'':res.data.last_voted_for.room_id

                            // console.log('```', res);
                            //    console.log('```',res.data.last_voted_for.room_id)
                            //    console.log('```',res.data.last_voted_for.room_number);
                            //    res.data.list[0].top3.concat
                            this.leftTimer(res.data.active_info.next_monday)

                        })

                },
                //跳转个人房间
                go_room: function (item) {
                    // roomDetails('房间逻辑id', '密码', '房间名称')
                    console.log(item);
                    roomDetails(item.room_id, '', item.room_name)
                },
                qroom(id, name) {
                    roomDetails(id, '', name)
                },
                apply: function (id) {
                    console.log('111', id);
                    userDetails(id)
                },
                changeTab(num) {
                    this.tabT = num
                },
                voteChange() {
                    // if(this.remain<=0) return

                    this.starId = this.nums
                    this.flag = true
                    document.body.style.overflowY = "hidden"

                },
                close() {
                    this.flag = false
                    this.starId = ''
                    this.starNum = ''
                    document.body.style.overflowY = "auto"
                },
                voteChanges(num, id, ids) {
                    console.log(num);
                    // if(this.remain<=0) return
                    this.starnuma = ids
                    this.starId = id
                    this.flags = true
                    this.starNum = num

                    document.body.style.overflowY = "hidden"
                },
                voteChangess(num, id, ids) {
                    console.log(num);
                    // if(this.remain<=0) return
                    this.starnuma = ids
                    this.starId = id
                    this.flagss = true
                    this.starNum = num

                    document.body.style.overflowY = "hidden"
                },
                voteChangesss(num, id, ids) {

                    // if(this.remain<=0) return
                    this.starnuma = ids
                    this.starId = id
                    this.flagsss = true
                    this.starNum = num

                    document.body.style.overflowY = "hidden"
                },
                closeS() {
                    this.flags = false
                    document.body.style.overflowY = "auto"
                    this.starId = ''
                    this.starNum = ''
                },
                closeSS() {
                    this.flagss = false
                    document.body.style.overflowY = "auto"
                    this.starId = ''
                    this.starNum = ''
                },
                closeSSS() {
                    this.flagsss = false
                    document.body.style.overflowY = "auto"
                    this.starId = ''
                    this.starNum = ''
                },
                rulesChange() {
                    this.rules = true
                    document.body.style.overflowY = "hidden"
                },
                ruleColse() {
                    this.rules = false
                    document.body.style.overflowY = "auto"
                },
                topChange(num, id) {
                    this.top = true
                    document.body.style.overflowY = "hidden"
                    console.log(id);
                    this.Top = []
                    const query = {
                        user_id: this.user_id,
                        room_id: id,
                        user_token: this.token,
                        activity_id: this.activity_id,
                    };
                    return ajax2("GET", query, {}, "api/StarRoom/top10Contribute")
                        .then((res) => {
                            this.Top = res.data.top10
                        })

                },
                topC() {
                    this.top = false
                    document.body.style.overflowY = "auto"

                },
                //投票
                voteStar() {
                    console.log(this.starId, this.starnuma);
                    const query = {
                        user_id: this.user_id,
                        user_token: this.token,
                        activity_id: this.activity_id,
                        room_number: this.starId,
                        num: this.starNum,
                    };
                    return ajax2("POST", query, {}, "api/StarRoom/voteFor")
                        .then((res) => {
                            if (res.status == 200) {
                                this.starId = ''
                                this.starNum = ''
                                this.flag = false
                                this.flags = false
                                this.flagss = false
                                this.flagsss = false
                                this.getActiveInfo()
                                document.body.style.overflowY = "auto"
                                vant.Toast('Votar con éxito.');
                            }
                        })
                    document.body.style.overflowY = "auto"
                },
                //倒计时
                leftTimer: function (leftTime) {
                    var self = this;
                    var leftTime = leftTime
                    var Inter = setInterval(function () {
                        if (leftTime > 0) {
                            // console.log('q1aa')
                            //计算剩余的毫秒数
                            var days = parseInt(leftTime / 60 / 60 / 24, 10); //计算剩余的天数
                            var hours = parseInt(leftTime / 60 / 60 % 24, 10); //计算剩余的小时
                            var minutes = parseInt(leftTime / 60 % 60, 10); //计算剩余的分钟
                            var seconds = parseInt(leftTime % 60, 10); //计算剩余的秒数
                            hours = self.checkTime(hours);
                            minutes = self.checkTime(minutes);
                            seconds = self.checkTime(seconds);
                            self.time1 = days;
                            self.time2 = hours;
                            self.time3 = minutes;
                            self.time6 = seconds;
                            // self.time1 = days;
                            // self.time2 = hours + ":" + minutes + ":" + seconds;
                            leftTime--;
                        } else {
                            self.time1 = '00';
                            self.time2 = '00';
                            self.time3 = '00';
                            self.time6 = '00';
                            // self.time1 = '0';
                            // self.time2 = '00:00:00';
                            clearInterval(Inter)
                        }
                    }, 1000);
                },
                checkTime: function (i) { //将0-9的数字前面加上0，例1变为01
                    if (i < 10) {
                        i = "0" + i;
                    }
                    return i;
                },
                num(number) {
                    var num = '';
                    if (number < 1000) {
                        num = number;
                    } else if (number >= 1000 && number < 1000000) {
                        var txt = (number / 1000).toFixed(3);
                        num = this.formatDecimal(txt, 1) + 'K';
                    } else if (number >= 1000000) {
                        var txt = (number / 1000000).toFixed(3);
                        num = this.formatDecimal(txt, 1) + 'M';
                    }
                    return num;
                },
                formatDecimal(num, decimal) {
                    // console.log(num)
                    num = num.toString();
                    var index = num.indexOf('.');
                    if (index !== -1) {
                        num = num.substring(0, decimal + index + 1);
                    } else {
                        num = num.substring(0);
                    }
                    return parseFloat(num).toFixed(decimal);
                },
            }
        })
    </script>

</body>

</html>